@import "~taro-ui/dist/style/components/icon.scss";
@import "~taro-ui/dist/style/components/flex.scss";
@import "~taro-ui/dist/style/components/search-bar.scss";
@import "~taro-ui/dist/style/components/button.scss";
@import "~taro-ui/dist/style/components/icon.scss";
.cont{
  display: flex;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  // background-color: #cccccc;
  height: 100px;
  .at-row{
    display: flex;
    align-items:center;
  }
}
.cont>View>View:last-child{
  display: flex;
  flex-direction:row;
  align-items: center;
  .icon{
    display: flex;
    flex-direction:column;
    align-items: flex-end;
    // margin-left: 10px;
    font-size: 28px;
  }
}
.icon>View:last-child{
  margin-bottom: -10px;
  padding: 0 20px;
}
.icon>View:first-child{
  padding: 0 20px;
}

.tent{
  .at-search-bar{
    border-radius: 0px;
    padding: 24px 40px;
    .at-search-bar__input-cnt{
      border-radius: 0px;
    }
  }
  .at-search-bar__action{
    background-color: #00CC00;
  }
}


.theuser{
  font-size: 28px;
  padding: 0px 40px;
  padding-top: 10px;
}
.theuser>View{
  border: 1px solid #cccccc;
  padding: 10px 20px;
  border-radius: 10px;
  position: relative;
}
.the{
  margin: 20px 0px;
}
.the>Text:nth-child(3){
  margin-left: 20px;
  padding-left:20px;
  border-left: 1px solid black;
}

.button{
  width: 100px;
  height: 60px;
  line-height: 60px;
  background-color: #00CC00;
  color: white;
  text-align: center;
  border-bottom-left-radius:10px ;
  border-top-right-radius: 10px;
  position: absolute;
  top:0px;
  right: 0px;
  Text{
    font-size: 28px;
  }
}